<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"/>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="stylesheet" href="css/swiper.css"/>
    <title></title>
    <style>
        @font-face {
            font-family: 'iconfont';
            src: url('../css/iconfont.ttf') format('truetype')
        }
        .iconfont{font-family: 'iconfont';}

        .header{height: 50px;background-color: #fff;position: relative;width: 100%;left: 0;top: 0;font-size: 18px;}
        .header-fixed{position: fixed;width: 100%;left: 0;top: 0;background-color: #ffffff;height: 50px;z-index: 100;}
        .left-icon{float: left;line-height: 50px;color: #000;margin-left: 15px;}
        .left-icon .arrow-left{font-size: 18px;}
        .title-name{position: absolute;left: 100px;right: 100px;text-align: center;height: 50px;line-height: 50px;}
        .right-icon{float: right;line-height: 50px;margin-right: 15px;}
    </style>
</head>
<body>
<script src="../js/overall_mask.js"></script>
    <div id="cook_details">
        <div class="header">
            <div class="header-fixed bottom-line">
                <a href="javascript:window.history.back();" class="left-icon"><span class="iconfont arrow-left">&#xe603;</span></a>
                <div class="title-name">厨师介绍</div>
                <div class="right-icon"></div>
            </div>
        </div>
        <div class="content pdfoot" style="margin: 0;">
            <div class="cook_user_back imgClu">
                <img src="img/update/cw-cookuserback_02.jpg" alt=""/>
            </div>
            <div class="cook_info">
                <div class="c_imgbox auto">
                    <div class="imgClu">
                        <img src="img/update/cw-cook-userimg_03.jpg" alt=""/>
                    </div>
                </div>
                <p class="name"><span class="pr">刘小柒<i class="lv">l3</i></span> </p>
                <p>服务次数：12</p>
                <p>
                    <span class="stars">
                        <i class="icon icon-star on"></i>
                        <i class="icon icon-star on"></i>
                        <i class="icon icon-star on"></i>
                        <i class="icon icon-star on"></i>
                        <i class="icon icon-star"></i>
                    </span>
                </p>
                <p class="mt">性别 \ 男 &nbsp;&nbsp;&nbsp;&nbsp;厨龄 \ 30年</p>
                <div class="describe">
                    他精通中式川菜热、冷菜肴的烹制，旁通川式面点技艺、鲁菜、苏菜、粤菜、宫庭菜，尤擅墩、炉，餐饮和厨政管理，烹饪教学，撰写烹饪专业文章能力。
                </div>
            </div>
            <div id="cook_imgshow swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="#"><img src="img/update/cw-cookimgshow1_02.jpg" alt=""/></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/update/cw-cookimgshow1_02.jpg" alt=""/></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/update/cw-cookimgshow1_02.jpg" alt=""/></a>
                    </div>
                </div>
                <!--<div class="count">-->
                    <!--<span class="cur">12</span>/<span class="all">20</span>-->
                <!--</div>-->
                <div class="swiper-pagination count"></div>
            </div>
            <div class="user_evaluate">
                <div class="title">
                    <i></i>
                    <span>用户评价</span>
                </div>
                <div class="eva_box">
                    <div class="m-list list-top list-input">
                        <div class="m-list-name">
                            <div class="imgClu">
                                <img src="img/update/cw-userimg_03.jpg" alt=""/>
                            </div>
                            <p>账期</p>
                        </div>
                        <div class="m-list-inner">
                            <p class="title m-list list-justify">
                                <span class="type">
                                    专享定制
                                </span>
                                <span class="stars">
                                    <i class="icon icon-star on"></i>
                                    <i class="icon icon-star on"></i>
                                    <i class="icon icon-star on"></i>
                                    <i class="icon icon-star on"></i>
                                    <i class="icon icon-star"></i>
                                </span>
                            </p>
                            <div class="eva_text">
                                <p>
                                    评价详情评价详情评价详情评价详情评价详情
                                    评价详情评价详情评价详情评价详情评价详情
                                    评价详情评价详情
                                </p>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="eva_box">
                    <div class="m-list list-top list-input">
                        <div class="m-list-name">
                            <div class="imgClu">
                                <img src="img/update/cw-userimg_03.jpg" alt=""/>
                            </div>
                            <p>账期</p>
                        </div>
                        <div class="m-list-inner">
                            <p class="title m-list list-justify">
                                <span class="type">
                                    专享定制
                                </span>
                                <span class="stars">
                                    <i class="icon icon-star on"></i>
                                    <i class="icon icon-star on"></i>
                                    <i class="icon icon-star on"></i>
                                    <i class="icon icon-star on"></i>
                                    <i class="icon icon-star"></i>
                                </span>
                            </p>
                            <div class="eva_text">
                                <p>
                                    评价详情评价详情评价详情评价详情评价详情
                                    评价详情评价详情评价详情评价详情评价详情
                                    评价详情评价详情
                                </p>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="js/jquery-1.7.2.min.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script>
        var cook_details = new Swiper('.swiper-container',{
//            pagination: '.swiper-pagination',
//            paginationType: 'fraction'
        });
    </script>
</body>
</html>